<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.prime.com.tr/ui"
	template="/layout/templateAdministrador.xhtml">
	<h:head>
		<meta content='text/html; charset=UTF-8' http-equiv='Content-Type' />
		<link type="text/css" rel="stylesheet" href="css/default.css" />
		<link type="text/css" rel="stylesheet" href="themes/aristo/skin.css" />
		<link type="text/css" rel="stylesheet" href="css/estilos.css" />
		<link type="text/css" rel="stylesheet" href="stylesheet/theme.xcss" />
		<link type="text/css" rel="stylesheet" href="stylesheet/theme.css" />
		<link type="text/css" rel="stylesheet"
			href="syntaxhighlighter/styles/syntaxhighlighter.css" />
		<style type="text/css">
.ui-widget {
	font-size: 75%;
}

.nestedUnit {
	border: 0px none !important
}

.ui-layout-center .ui-layout-resizer {
	border: 1px solid #A8A8A8;
}

.ui-tree-item span {
	float: left;
}

.ui-tree {
	border: 0px none;
}

.ui-tabs {
	border: 0px none;
}
</style>
		<script language="JavaScript" type="text/javascript">
		window.history.forward(-1);
	</script>
	</h:head>
	<ui:define name="body">


		<p:tabView>
			<p:tab title="Mantenimiento de Servicios">
				<h:form id="formListadoMantenimientoProcedimientos">
					<div style="height: 29px;" align="right">
						<p:commandButton ajax="false"
							title="Crear Nuevo Servicio" value="Nuevo"
							action="#{mantenimientoProcesos.registrarProceso}"
							style="width: 70px; height: 29px;" />
					</div>
					<br />
					<p:dataTable var="e" value="#{mantenimientoProcesos.lstProcesos}"
						styleClass="scrollerTable" paginator="true"
						emptyMessage="No se encuentran procedimientos registrados"
						paginatorTemplate="{CurrentPageReport}  {FirstPageLink} 
							{PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
						rowsPerPageTemplate="5,10,15"
						rows="#{mantenimientoProcesos.numManProcedimientos}">
						<f:facet name="header">  
          				  Lista de Servicios
        				</f:facet>
						<p:column sortBy="#{e.codProceso}" filterBy="#{e.codProceso}">
							<div align="center">
								<f:facet name="header">
									<h:outputText value="Código" />
								</f:facet>
								<h:outputText value="#{e.codProceso}" />
							</div>
						</p:column>
						<p:column sortBy="#{e.nombreProceso}"
							filterBy="#{e.nombreProceso}">
							<f:facet name="header">
								<h:outputText value="Nombre" />
							</f:facet>
							<h:outputText value="#{e.nombreProceso}" />
						</p:column>


						<p:column sortBy="#{e.fechaProceso}" filterBy="#{e.fechaProceso}">
							<f:facet name="header">
								<h:outputText value="Fecha de Registro" />
							</f:facet>
							<h:outputText value="#{e.fechaProceso}" />
						</p:column>

						<p:column sortBy="#{e.area}" filterBy="#{e.area}">
							<f:facet name="header">
								<h:outputText value="Responsable" />
							</f:facet>
							<h:outputText value="#{e.area}" />
						</p:column>

						<p:column style="width:100px" headerText="Acciones">
							<h:panelGrid columns="2" styleClass="actions" cellpadding="2">
								<h:commandLink
									action="#{mantenimientoProcesos.buscarProcesoDetalle}">
									<f:param name="codProceso" value="#{e.idProceso}"
										id="codProceso" />
									<h:graphicImage url="images/botton/verProces.png"
										title="Modificar" style="border:0" />
								</h:commandLink>
								<p:commandButton title="Eliminar"
									actionListener="#{mantenimientoProcesos.actionListener}"
									onclick="varDeletePro.show()"
									style="background: url('images/botton/delProces.png') no-repeat;
												background-position: center bottom; width: 28px; 
												height: 28px; border:0">
									<f:param name="codProcesoE" value="#{e.idProceso}"
										id="codProcesoE" />
								</p:commandButton>
							</h:panelGrid>
						</p:column>
						<f:facet name="footer">
							<h:outputText
								value="Procedimientos registrados : #{mantenimientoProcesos.cantManProcedimientos}" />
						</f:facet>
					</p:dataTable>
				</h:form>
			</p:tab>
		</p:tabView>
	</ui:define>
</ui:composition>
